<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>绑定值</title>
</head>
<body>
<div id="app">
    单选按钮
    <br>
    <!--选中后变为指定的value-->
    <input type="checkbox" v-model="checked" value="html" id="html">
    <label FOR="html">HTML</label>
    <br>
    <input type="checkbox" v-model="checked" value="js" id="js">
    <label FOR="js">JavaScript</label>
    <br>
    <input type="checkbox" v-model="checked" value="css" id="css">
    <label FOR="css">css</label>
    <br>
    <p>选择的项是：{{ checked }}</p>
</div>
<script src="../../vue.min.js"></script>
<script>
    var app = new Vue({
        el: "#app",
        data: {
            checked: ['js','css']
        }
    })
</script>

</body>
</html>